/* 这是一个外部的样式表，设置一些通用的样式 */

/* 设置网页的背景色为浅蓝色 */
body {
  background-color: #e0f0ff;
}

/* 设置容器元素的宽度为80%，并居中对齐 */
.container {
  width: 80%;
  margin: 0 auto;
}

/* 设置标题元素的字体为黑体，颜色为深蓝色，下边框为虚线 */
h1 {
  font-family: "黑体";
  color: #003366;
  border-bottom: 2px dashed #003366;
}

/* 设置段落元素的字体为宋体，颜色为灰色 */
p {
  font-family: "宋体";
  color: #666666;
}

/* 设置标签元素的字体为宋体，颜色为深蓝色，字号为18px */
label {
  font-family: "宋体";
  color: #003366;
  font-size: 18px;
}

/* 设置输入元素的边框为1px实线，圆角为5px，内边距为5px */
input {
  border: 1px solid #003366;
  border-radius: 5px;
  padding: 5px;
}

/* 设置进度元素的高度为20px，背景色为白色，边框为1px实线，圆角为10px */
progress {
  height: 20px;
  background-color: #ffffff;
  border: 1px solid #003366;
  border-radius: 10px;
}

/* 设置进度元素的值的颜色为深蓝色，圆角为10px */
progress::-webkit-progress-value {
  background-color: #003366;
  border-radius: 10px;
}

/* 设置进度元素的值的颜色为深蓝色，圆角为10px */
progress::-moz-progress-bar {
  background-color: #003366;
  border-radius: 10px;
}

/* 设置文件选择按钮在鼠标悬停时的样式，颜色为浅蓝色，光标为手型 */
input[type="file"]:hover {
  background-color: #cceeff;
  cursor: pointer;
}

/* 设置文件上传按钮在鼠标悬停时的样式，颜色为浅蓝色，光标为手型 */
input[type="submit"]:hover {
  background-color: #cceeff;
  cursor: pointer;
}

/* 设置文件上传按钮在鼠标按下时的样式，颜色为深蓝色，边框为内凹 */
input[type="submit"]:active {
  background-color: #003366;
  border-style: inset;
}

/* 设置文件选择按钮在获取焦点时的样式，边框为2px实线 */
input[type="file"]:focus {
  border: 2px solid #003366;
}

/* 设置文件上传按钮在获取焦点时的样式，边框为2px实线 */
input[type="submit"]:focus {
  border: 2px solid #003366;
}

/* 设置文件选择按钮在获取焦点时的样式，边框为2px实线 */
input[type="file"]:focus {
  border: 2px solid #003366;
}

/* 设置文件上传按钮在获取焦点时的样式，边框为2px实线 */
input[type="submit"]:focus {
  border: 2px solid #003366;
}

/* 设置文件选择按钮的alt属性，提供辅助信息 */
input[type="file"] {
  alt: "请选择一个图片文件上传";
}

body {
  background-image: url('images/background.jpg');
}
/* 设置背景图片不重复，填充整个网页，居中对齐 */
body {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* 设置背景图片的透明度为0.8，增加一些模糊效果，使用颜色混合模式为亮度 */
body {
  opacity: 0.8;
  filter: blur(2px);
  background-blend-mode: luminosity;
}


